<template>
  <div>
      <div class="ticket" v-for="(v2,i2) in obj1" :key="i2">
         <ul >
             <li><b>{{v2.num}}</b> <span class="year">{{v2.date}}</span> </li>
             <li>
                 <div ><p class="time">{{v2.time1}}</p><p>{{v2.addiess1}}</p> </div>
                 <div class="pic"><img src="/yishiyong1.png" alt=""></div>
                 <div><p class="time">{{v2.time2}}</p><p>{{v2.addiess2}}</p> </div>
             </li>
         </ul>
    
            
      </div>
  </div>
</template>

<script>
export default {
    data() {
        return {
            obj1:[
                {num:"西藏航空TV6027",date:"2021年10月7日",time1:"06:25",time2:"08:45",addiess1:"西安咸阳T2",addiess2:"杭州萧山T1"},
                {num:"四川航空3U8169",date:"2021年9月29日",time1:"06:45",time2:"12:45",addiess1:"杭州萧山T2",addiess2:"嘉峪关"},
                {num:"厦门航空MF8169",date:"2021年5月23日",time1:"06:45",time2:"12:45",addiess1:"兰州中川T2",addiess2:"杭州萧山T1"},
                {num:"西藏航空TV6027",date:"2021年10月7日",time1:"06:25",time2:"08:45",addiess1:"西安咸阳T2",addiess2:"杭州萧山T1"},
                {num:"厦门航空MF8169",date:"2021年5月23日",time1:"06:45",time2:"12:45",addiess1:"兰州中川T2",addiess2:"杭州萧山T1"},
            ]
        }
    },

}
</script>

<style scoped>
html{
    background-color: #f5f6f9;
}
.ticket{
    width: 3.2rem;
    height: 0.7rem;
    background-color: #fff;
    margin: auto;
    /* margin-top: 0.2rem; */
    margin-bottom: 0.2rem;
    margin-left: 23px;
    border-radius: 10px;
    /* margin: ; */
    padding: 10px;
}
.ticket:last-child{
    margin-bottom: 70px;
}
ul li{
    display: flex;
    justify-content: space-between;


}
.pic{
    width: 100px;
    height: 50px;
}
.pic img{
    width: 100%;
    height: 100%;
}
.time{
    font-weight: 800;
    /* background-color: aqua; */
}
.year{
    color: gray;
    font-size: 00.14rem;
}

</style>